<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="js/dist/layui-v2.1.0/layui/css/layui.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" href="css/personal.css" />
		<script src="js/headerJS.js"></script>
	</head>

	<body>
		<div class="kp">
			<div class="main">
				<h2 class="aside-nav-h2">
					<span class="aside-nav-individual-ico"></span>
				</h2>
				<div class="mainLeft">
					<div class="userFace">
						<dl>
							<dt>
								<span></span>
								<img src="img/face2.png" />
							</dt>
						</dl>
					</div>
					<div class="leftBody">
						<ul>
							<li>
								<a>
									<i class="i-indiv"></i> 个人中心
								</a>
							</li>
							<li>
								<a>
									<i class="i-safe"></i> 安全中心
								</a>
							</li>
							<li>
								<a>
									<i class="i-order"></i> 我的订单
								</a>
							</li>
							<li>
								<a>
									<i class="i-bill"></i> 我的账单
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="minRight" style="display: block;">
					<div class="userInfo">
						<div class="infoLeft">
							<p class="individual-text-name"><strong></strong></p>
							<p><span class="line">|</span></p>
							<div>
								<i class="i-phone"><span class="layui-badge-rim">您已绑定手机</span></i>
								<i class="i-bank"><span class="layui-badge-rim">您还未添加银行卡</span></i>
								<i class="i-card"><span class="layui-badge-rim">您的实名信息未认证</span></i>
							</div>
						</div>
					</div>
					<div class="infoBottom">
						<p></p>
						<div class="phoneImg">
							<div id="erweima"><img ></div>
						</div>
					</div>
				</div>
				<div class="minRight" >
					<div class="safaInfo">
						<div class="safaLeft">
							<p class="safe-name"><strong></strong></p>
							<p>
								建议您启用全部安全设置，以保障账户安全
							</p>
						</div>
					</div>
					<div class="safaBody">
						<ul>
							<li>
								<i class="safa-phone"></i>
								<h4>
                                    <strong>手机号码</strong>
                                    <span></span>
                                 </h4>
							</li>
							<li>
								<i class="safa-password"></i>
								<h4>
                                    <strong>登录密码</strong>
                                    <span>定期修改密码，保护账户安全</span>
                                    <a class="changche passwordChange">修改<span class="fn-st"> &gt;</span></a>
                                 </h4>
							</li>
							<li>
								<i class="safa-realName"></i>
								<h4>
									<strong>实名认证<span class="c-red c-realName">未设置</span></strong>
									<span>添加实名认证</span>
									<a class="changche realChange">设置<span class="fn-st"> &gt;</span></a>
								</h4>
							</li>
							<li>
								<i class="safa-backcard"></i>
								<h4>
                                    <strong>银行卡<span class="c-red c-bankc">未设置</span></strong>
                                    <span>添加个人有效银行卡，用于支付及收款</span>
                                    <a class="changche backcardChange">设置<span class="fn-st"> &gt;</span></a>
                                 </h4>
							</li>
						</ul>
					</div>
				</div>
				<div class="minRight" >
					<div class="safaInfo">
						<div class="safaLeft">
							<p class="safe-name"><strong>我的订单</strong></p>
						</div>
					</div>
					<div class="orderEmpty">
						<div class="emptyText">
							<i class="i-empty-order"></i> 
							<p>还没有订单哦，快去逛逛吧!</p>
						</div>
					</div>
					<div class="infoBottom" style="padding: 0 50px 0 80px;display: none"  id="orderBottom">
						<table class="layui-table" style="margin-top: 45px">
							<colgroup>
								<col width="33%">
								<col width="33%">
								<col width="33%">
							</colgroup>
							<thead>
							<tr style="height: 47px;">
								<th>订单时间</th>
								<th>订单详情</th>
								<th>订单状态</th>
							</tr>
							</thead>
						</table>
						<table class="layui-table" id="orderTable">
							<colgroup>
								<col width="33%">
								<col width="33%">
								<col width="33%">
							</colgroup>
							<thead>
							</thead>
							<tbody>

							</tbody>
						</table>
						<div id="page"></div>
					</div>
				</div>
				<div class="minRight">
					<div class="safaInfo">
						<div class="safaLeft">
							<p class="safe-name"><strong>我的账单</strong></p>
						</div>
					</div>
					<div class="orderEmpty">
						<div class="emptyText">
							<i class="i-empty-bill"></i> 
							<p>还没有账单哦，快去逛逛吧!</p>
						</div>
					</div>
					<div class="infoBottom" style="padding: 0 50px 0 80px;display: none"  id="billBottom">
						<table class="layui-table" style="margin-top: 45px">
							<colgroup>
								<col width="33%">
								<col width="33%">
								<col width="33%">
							</colgroup>
							<thead>
							<tr style="height: 47px;">
								<th>订单时间</th>
								<th>订单详情</th>
								<th>订单状态</th>
							</tr>
							</thead>
						</table>
						<table class="layui-table" id="billTable">
							<colgroup>
								<col width="33%">
								<col width="33%">
								<col width="33%">
							</colgroup>
							<thead>
							</thead>
							<tbody>

							</tbody>
						</table>
						<div id="billPage"></div>
					</div>
				</div>
				</div>
			</div>
		</div>
		<script src="js/footerJS.js"></script>
		<!--修改密码-->
		<form class="layui-form" id="pwOpen" style="display: none;">
			<div class="layui-form-item" style="margin-top: 20px;">
				<label class="layui-form-label">手机号码:</label>
				<p class="formPhone"></p>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"></label>
				<div id="phoneSms" class="phoneSend">
					发送验证码
				</div>
			</div>
			<div class="layui-form-item" style="margin-top: 20px;">
				<label class="layui-form-label">验证码</label>
				<div class="layui-input-block">
					<input type="text" required name="codeParam" lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item" style="margin-top: 20px;">
				<label class="layui-form-label">新密码</label>
				<div class="layui-input-block">
					<input type="hidden" id="changeMobile" name="phone">
					<input type="password" name="password" required lay-verify="required||password" placeholder="请输入新密码" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn  layui-btn-normal" lay-submit lay-filter="phoneChangeSend">立即提交</button>
				</div>
			</div>
		</form>
		<!--添加银行卡-->
		<form class="layui-form" id="bkOpen" style="display: none;">
			<p class="individual-top-title"> <i class="i-attest-icon"></i> 为保证账户安全，新增银行卡需要使用本人银行卡认证绑定手机，仅需
				<span class="c-blue">30</span>秒，认证终身有效
			</p>
			<div class="layui-form-item">
				<label class="layui-form-label">持卡人姓名</label>
				<div class="layui-input-block">
					<input type="text"  placeholder="请输入您的真实姓名" autocomplete="off" class="layui-input" disabled>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">身份证号</label>
				<div class="layui-input-block">
					<input type="text" placeholder="请输入身份证号" autocomplete="off" class="layui-input" disabled>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">银行预留手机</label>
				<div class="layui-input-block">
					<input type="text"  placeholder="请输入银行预留手机" autocomplete="off" class="layui-input" disabled>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">银行卡号</label>
				<div class="layui-input-block">
					<input type="text" required lay-verify="required" name="bankCard" placeholder="请输入银行卡号" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"></label>
				<div id="bkSms" class="phoneSend">
					发送验证码
				</div>
			</div>
			<div class="layui-form-item" style="margin-top: 20px;">
				<label class="layui-form-label">验证码</label>
				<div class="layui-input-block">
					<input type="text" name="codeParam" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block" style="margin-left: 40%">
					<button class="layui-btn  layui-btn-big layui-btn-normal" lay-submit lay-filter="bkChangeSend">安全认证</button>
				</div>
			</div>
		</form>
		<!--实名认证-->
		<form class="layui-form" id="realOpen" style="display: none;">
			<div class="layui-form-item" style="margin-top: 20px;">
				<label class="layui-form-label">姓名</label>
				<div class="layui-input-block">
					<input type="text" required name="name" lay-verify="required"  placeholder="姓名" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item" style="margin-top: 20px;">
				<label class="layui-form-label">身份证号码</label>
				<div class="layui-input-block">
					<input type="text" name="idCard" required lay-verify="required|identity"  placeholder="身份证号码" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn  layui-btn-normal" lay-submit lay-filter="realChangeSend">立即提交</button>
				</div>
			</div>
		</form>
	</body>
	<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
	<script src="js/dist/layui-v2.1.0/layui/layui.js"></script>
	<script src="js/personal.js"></script>
</html>